<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
      <p class="add1">add1</p>
      <p class="add1">add2</p>
      <p class="add1">add3</p>
      <p class="add1">add4</p>
      <p class="add1">add5</p>
    </div>
    <script>
      var add =document.getElementsByClassName('add1');
      var temp1 =[
        {
            index:19,
            id:0
        },
        {
          index:20,
          id:1
        },
        {
          index:121,
          id:2
        },
        {
          index:24,
          id:3
        },
        {
          index:45,
          id:4
        },
      ];
      var temp2=[{
          index:"origin",
          id:"originId"
      }];
      for(var i=0;i<add.length;i++){
        (function (i) {
          add[i].onclick=function () {
              console.log(temp2);
              console.log(temp1)
              for(var m in temp2){
                  for(var k in temp1){
                        if(i==temp1[k].id){
                            console.log(temp1[k].id+'temp1.id');
                            console.log(temp2[m].id+'temp2.id');
                            if(checkArr(temp2,temp1,i)){
                            }else{
                              temp2.push(temp1[k]);
                            }
                        }
                  }
              }
//            console.log(temp2)
          }
        })(i);
      };
      function  checkArr(arr1,arr2,tempi){
        for (var i=0; i<arr1.length; i++){
          for (var j=0;j<arr2.length;j++){
            if( arr1[i].id== arr2[j].id&&arr2[j].id==tempi){
                return true;
            }
          }
        }
      };
    </script>
</body>
</html>
